<template>
  <div></div>
</template>

<script lang="ts" setup>
// import AMapLoader from '@amap/amap-jsapi-loader'
// import { onMounted, onUnmounted } from 'vue
// let map = null
// onMounted(() => {
//   window._AMapSecurityConfig = {
//     securityJsCode: '439c4ecbde50bf12800267a782663fa9',
//   }
//   AMapLoader.load({
//     key: '9393f2358011fb77f4ad5d7286251ca5', // 申请好的Web端开发者Key，首次调用 load 时必填
//     version: '2.0', // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
//     plugins: ['AMap.Scale', 'AMap.Geolocation'], //需要使用的的插件列表，如比例尺'AMap.Scale'，支持添加多个如：['...','...']
//   }).then((AMap) => {
//     map = new AMap.Map('container', {
//       // 设置地图容器id
//       viewMode: '2D', // 是否为3D地图模式
//       zoom: 11, // 初始化地图级别
//       center: [116.397428, 39.90923], // 初始化地图中心点位置
//            AMap.plugin('AMap.Geolocation', function() {
//               var geolocation = new AMap.Geolocation({
//               enableHighAccuracy: true,//是否使用高精度定位，默认:true
//               timeout: 10000,          //超过10秒后停止定位，默认：5s
//               position:'RB',    //定位按钮的停靠位置
//               offset: [10, 20], //定位按钮与设置的停靠位置的偏移量，默认：[10, 20]
//               zoomToAccuracy: true,   //定位成功后是否自动调整地图视野到定位点

//           });
//           map.addControl(geolocation);
//       //     geolocation.getCurrentPosition(function(status,result){
//       //         if(status=='complete'){
//       //             onComplete(result)
//       //         }else{
//       //             onError(result)
//       //         }
//       //     });
//       // });
//       // //解析定位结果
//       // function onComplete(data) {
//       //     document.getElementById('status').innerHTML='定位成功'
//       //     var str = [];
//       //     str.push('定位结果：' + data.position);
//       //     str.push('定位类别：' + data.location_type);
//       //     if(data.accuracy){
//       //          str.push('精度：' + data.accuracy + ' 米');
//       //     }//如为IP精确定位结果则没有精度信息
//       //     str.push('是否经过偏移：' + (data.isConverted ? '是' : '否'));
//       //     document.getElementById('result').innerHTML = str.join('<br>');
//       // }
//       // //解析定位错误信息
//       // function onError(data) {
//       //     document.getElementById('status').innerHTML='定位失败'
//       //     document.getElementById('result').innerHTML = '失败原因排查信息:'+data.message+'</br>浏览器返回信息：'+data.originMessage;
//       // }
//       //   })
//       // })
//       // .catch((e) => {
//       //   console.log(e)
//       // })
//     })
//   })
// })

// onUnmounted(() => {
//   map?.destroy()
// })
</script>

<style lang="scss" scoped></style>
